<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>商品列表-穿越火线周边商城</title>
  <link rel="Shortcut Icon" href="../images/10001.ico" type="image/x-icon" />
  <link rel="stylesheet" href="../css/reuse.css" />
  <link rel="stylesheet" href="../css/productlist.css" />
  <script src="../js/axios0.27.2.js"></script>
  <script src="../js/request.js"></script>
</head>

<body>
  <!-- logo -->
  <div class="wrap1">
    <header>
      <div class="logo">
        <a class="logo-cf" href="https://mall.qq.com/cf/" title="穿越火线商城官网" target="_blank">穿越火线周边商城官网</a>
        <a href="https://mall.qq.com/" class="logo-comm2" target="_blank">聚诚品</a>
      </div>
      <a href="./cart.html" class="cartbox" target="_blank">
        <i class="i-cart"></i>
        <span>购物车</span>
      </a>
      <div class="loginbar">
        <!-- 登录前 S-->
        <div class="unlogin" id="unlogin" style="display: block">
          <a href="./login.html" id="btn_header_login" title="立即登录">
            <i class="i-person"></i>&nbsp;立即登录</a>
        </div>
        <!-- 登录前 E-->
        <!-- 登录后 S-->
        <div class="loginbox clearfix" id="logined" style="display: none; height: 40px">
          <div class="login-info">
            <div class="fl hdimg">
              <img src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=6BvuawnH0BrfrKVChlgdzQ&amp;s=100&amp;t=1639407370"
                width="38" height="38" alt="头像" />
            </div>
            <p class="fl hdname">走走看看</p>
          </div>
          <div class="top-hover">
            <div class="arrow"></div>
            <div class="link-list">
              <a href="/myorder.shtml?busid=cf" title="订单管理" target="_blank">
                <i class="fl ico-comm i-order"></i>
                <span>订单管理</span>
              </a>
              <a href="/address.shtml" title="地址管理" target="_blank">
                <i class="fl ico-comm i-addr"></i>
                <span>地址管理</span>
              </a>
              <a href="/coupon.shtml?busid=cf" title="优惠卡券" target="_blank">
                <i class="fl ico-comm i-quan"></i>
                <span>优惠卡券</span>
              </a>
              <a href="/collect.shtml?busid=cf" title="我的收藏" target="_blank">
                <i class="fl ico-comm i-collect"></i>
                <span>我的收藏</span>
              </a>
              <a href="/sub.shtml?busid=cf" title="订阅管理" target="_blank">
                <i class="fl ico-comm i-subs"></i>
                <span>订阅管理</span>
              </a>
              <a href="/receive.shtml?busid=cf" title="领取中心" target="_blank">
                <i class="fl ico-comm i-lqcen"></i>
                <span>领取中心</span>
              </a>
              <a href="javascript:;" class="quit-link" title="退出登录" id="btn_header_logout">
                <i class="fl ico-comm i-quit"></i>
                <span>退出登录</span>
              </a>
            </div>
          </div>
        </div>
        <!-- 登录后 E-->
      </div>
      <div class="fr sosobox clearfix" id="blk_header_search">
        <a href="javascript:;" class="ico-comm i-search" title="搜索" id="btn_header_search">搜索</a>
        <input type="text" class="top-soso" id="inpt_header_search" placeholder="请输入想要找的宝贝" autocomplete="off" />
      </div>
    </header>
  </div>
  <!-- head-list -->
  <div class="wrap2">
    <div class="head">
      <ul class="menuList">
        <li><a href="../index.html">首页</a></li>
        <li><a href="#" target="_blank">LOL主题站</a></li>
        <li><a href="#" target="_blank">模型手办</a></li>
        <li><a href="#" target="_blank">服饰时尚</a></li>
        <li><a href="#" target="_blank">包类专区</a></li>
        <li><a href="#" target="_blank">数码外设</a></li>
        <li><a href="#" target="_blank">家居日用</a></li>
      </ul>
      <div id="all-class">
        <a href="#" class="all-class" title="全部商品分类" target="_blank">
          <span>全部商品分类</span>
          <i class="i-arrbot"></i>
          <!-- 下拉菜单 -->
          <div class="top-submenu">
            <div class="mid clearfix">
              <ul class="submenu-ul" id="blk_header_submenu">
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144950_33369.png"
                      alt="图标" width="30" />
                    <p>家居日用</p>
                  </a>
                  <ul class="class-list">
                    <li>
                      <a href="#" target="_blank">背包</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">雨伞</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">水杯</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">卫衣</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">杯垫</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">T恤</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">福袋</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">围巾</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">卫裤</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">礼盒</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">袜子</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">发光亚克力夜灯</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">饰品</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">眼罩</a>
                    </li>
                  </ul>
                </li>
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144942_72688.png"
                      alt="图标" width="30" />
                    <p>数码外设</p>
                  </a>
                  <ul class="class-list">
                    <li>
                      <a href="#" target="_blank">移动电源</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">U盘</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">鼠标垫</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">数据线</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">游戏手机支架</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">无线充电器</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">键帽</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">个性定制手机壳</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">赏金令活动手机壳</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">手机支架</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">三折键盘</a>
                    </li>
                  </ul>
                </li>
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201809/20180920115156_96185.png"
                      alt="图标" width="30" />
                    <p>服饰时尚</p>
                  </a>
                  <ul class="class-list">
                    <li>
                      <a href="#" target="_blank">服饰时尚</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">帽子</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">潮流手绳</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">戒指</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">书签</a>
                    </li>
                  </ul>
                </li>
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144933_93325.png"
                      alt="图标" width="30" />
                    <p>模型手办</p>
                  </a>
                  <ul class="class-list">
                    <li>
                      <a href="#" target="_blank">公仔手办</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">刀锋+白狼+枪模</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">CF Girls</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">单款</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">徽章</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">枪模</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">电竞女子学院Q版手办</a>
                    </li>
                  </ul>
                </li>
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144933_93325.png"
                      alt="图标" width="30" />
                    <p>毛绒</p>
                  </a>
                  <ul class="class-list">
                    <li>
                      <a href="#" target="_blank">毛绒玩偶</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">毛绒挂件</a>
                    </li>
                    <li>
                      <a href="#" target="_blank">毛绒</a>
                    </li>
                  </ul>
                </li>
                <li class="submenu-li">
                  <a class="class-name" href="#" target="_blank">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144933_93325.png"
                      alt="图标" width="30" />
                    <p>礼盒类</p>
                  </a>
                  <ul class="class-list"></ul>
                </li>
              </ul>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>

  <!-- main -->
  <div class="mid">
    <div class="breadcrumb" id="blk_productlist_crumbs">
      <span><a href="index.shtml" target="_blank" class="ibcb-first" style="margin-right: 0px">首页&gt;</a></span>
      <span>
        <a href="javascript:;" style="
              margin-right: 0px;
              cursor: default;
              text-decoration: none;
              color: #999;
            ">所有商品
        </a>
      </span>
    </div>
    <!-- pro-list S -->
    <div class="page-main">
      <!-- 条件过滤 -->
      <div class="list-filter">
        <div id="showip" class="fltbox gm-filter clearfix" style="display: none">
          <dl id="dj_ipclass_ul"></dl>
          <a href="javascript:;" class="btn-filter filter-sq">
            <span>收起</span>
            <i class="ico-comm i-arrtop"></i><!-- 箭头朝下 i-arrbot-->
          </a>
        </div>
        <div id="showclass" class="fltbox clearfix">
          <dl id="dj_class_ul">
            <dt>分类：</dt>
            <dd class="cur all">
              <span onclick="menuClickHandle(null,this)">全部</span>
            </dd>
            <!-- <dd class="" type="cat" val="151">数码外设</dd>
              <dd class="" type="cat" val="152">家居日用</dd>
              <dd class="" type="cat" val="168">模型手办</dd>
              <dd class="" type="cat" val="660">服饰时尚</dd>
              <dd class="" type="cat" val="1293">毛绒</dd>
              <dd class="" type="cat" val="1588">礼盒类</dd>
              <dd class="" type="cat" val="1648">车载饰品</dd> -->
          </dl>
        </div>
        <div class="fltbox sort-filter clearfix">
          <dl class="sortdl fl">
            <dt>排序：</dt>
            <dd class="cur" type="sort" val="iRecRank" sort="desc">默认</dd>
            <dd class="flt-arrow" type="sort" val="iPrice" sort="asc">
              <span>价格</span>
              <i class="ico-comm i-arrgray"></i><!-- 默认全灰点击下面变黑色添加i-arrbbot在点击上面变黑色i-arrbtop-->
            </dd>
            <dd class="flt-arrow" type="sort" val="dtShowBegin" sort="asc">
              <span>新品</span>
              <i class="ico-comm i-arrgray"></i><!-- 默认全灰点击下面变黑色添加i-arrbbot在点击上面变黑色i-arrbtop-->
            </dd>
            <dd class="flt-arrow" type="sort" val="iFavNum" sort="asc">
              <span>人气</span>
              <i class="ico-comm i-arrgray"></i><!-- 默认全灰点击下面变黑色添加i-arrbbot在点击上面变黑色i-arrbtop-->
            </dd>
            <dd class="flt-arrow" type="sort" val="iSoldNum" sort="asc">
              <span>销量</span>
              <i class="ico-comm i-arrgray"></i><!-- 默认全灰点击下面变黑色添加i-arrbbot在点击上面变黑色i-arrbtop-->
            </dd>
          </dl>
          <dl class="sortdl fr">
            <dt>筛选：</dt>
            <dd class="flt-check" type="screen" val="2">
              <i class="ico-comm i-check"></i><!-- 点击添加i-checked-->
              <span>有货</span>
            </dd>
            <dd class="flt-check" type="screen" val="1">
              <i class="ico-comm i-check"></i><!-- 点击添加i-checked-->
              <span>包邮</span>
            </dd>
            <dd class="flt-check" type="screen" val="3">
              <i class="ico-comm i-check"></i><!-- 点击添加i-checked-->
              <span>聚豆可抵</span>
            </dd>
          </dl>
        </div>
      </div>
      <div class="good-list">
        <div id="dj1" style="display: none">
          <div class="pro-none">暂时没有商品呢，去首页看看吧</div>
        </div>
        <ul class="fixlist" id="dj_goods_ul"></ul>
        <!-- 分页按钮  -->
        <div class="page pagesmar pagewth" id="page_wrapper">
          <span class="page_btn active"><a page="1" href="#">1</a></span><span class="page_btn"><a page="2"
              href="#">2</a></span><span class="page_btn"><a page="3" href="#">3</a></span><span class="page_btn"><a
              page="4" href="#">4</a></span><span class="page_btn"><a page="5" href="#">5</a></span>
        </div>
      </div>
    </div>
  </div>

  <!-- footer -->
  <div class="footer">
    <div class="mid clearfix">
      <div class="footer-logo fl">
        <a href="//cf.qq.com/" target="_bank" class="footer-djc" title="道聚城">
          <img src="../images/logo-cf-down.png" width="250" alt="道聚城" style="margin-left: -30px" />
        </a>
        <a href="https://szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f" target="_bank" class="footer-business"
          title="道聚城">
          <img src="https://js01.daoju.qq.com/zb/mall/images/business.png" width="117" alt="工商网监" />
        </a>
      </div>
      <ul class="footer-info fl">
        <li>
          <a href="/help.shtml?gotab=1" target="_blank" muse_scanned="true"><span
              class="ic04 in comm-top"></span>购物指南</a>
        </li>
        <li>
          <a href="/help.shtml?gotab=2" target="_blank" muse_scanned="true"><span
              class="ic07 in comm-top"></span>配送方式</a>
        </li>
        <li>
          <a href="/help.shtml?gotab=3" target="_blank" muse_scanned="true"><span
              class="ic05 in comm-top"></span>常见操作</a>
        </li>
        <li>
          <a href="/help.shtml?gotab=4" target="_blank" muse_scanned="true"><span
              class="ic06 in comm-top"></span>售后服务</a>
        </li>
        <li>
          <a href="/help.shtml?gotab=5" target="_blank" muse_scanned="true"><span
              class="ic08 in comm-top"></span>关于我们</a>
        </li>
        <!--li><a href="javascript:;"><span class="ic09 in comm-top"></span>快递 100</a></li-->
      </ul>
      <ul class="footer-code fl">
        <li>
          <img src="../images/logo-cf-qr.png" width="100" height="100" alt="掌上穿越火线" />
          <p>掌上穿越火线</p>
        </li>
        <li>
          <img src="../images/jcp_gzh.jpg" width="100" height="100" alt="聚诚品公众号" />
          <p>聚诚品公众号</p>
        </li>
      </ul>
    </div>
  </div>
  <!-- bottoom -->
  <div id="footer_ied">
    <div class="wrap_ied">
      <p>
        <a href="//ieg.tencent.com" target="_blank">腾讯互动娱乐</a> |
        <a href="//game.qq.com/contract.shtml" target="_blank">服务条款</a> |
        <a href="//game.qq.com/privacy_guide.shtml" target="_blank">腾讯游戏隐私保护指引</a>
        |
        <a href="//game.qq.com/privacy_guide_children.shtml" target="_blank">腾讯游戏儿童隐私保护指引</a>
        | <a href="//e.tencent.com/" target="_blank">广告服务</a> |
        <a href="//game.qq.com/hr/" target="_blank">腾讯游戏招聘</a> |
        <a href="//kf.qq.com/" target="_blank">腾讯游戏客服</a> |
        <a href="//game.qq.com/gnav" target="_blank">游戏地图</a> |
        <a href="https://jiazhang.qq.com/jz/home.html?ADTAG=gamepcbottom" target="_blank">成长守护平台</a>
        |
        <a href="//game.qq.com/brand/business.htm" target="_blank">商务合作</a>
        | <a href="//www.qq.com/map/" target="_blank">网站导航</a>
      </p>
      <p>
        <a href="//www.qq.com/culture.shtml" target="_blank" rel="nofollow">粤网文[2014]0633-233号</a>&nbsp;增值电信业务经营许可证：<a
          href="//www.qq.com/icp.shtml" target="_blank" rel="nofollow">粤B2-20090059</a>&nbsp;<a
          href="//www.qq.com/icp1.shtml" target="_blank" rel="nofollow">B2-20090028</a>&nbsp;违法和不良信息举报电话：0755-83767606
      </p>
      <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
      <p>
        <a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a>
      </p>
    </div>
  </div>
  <!-- underline -->
  <div class="copyright-business">
    <a target="_blank" href="" title="深圳市市场监督管理局企业主体身份公示">
      <img src="../images/gswj.png" width="15" height="15" alt="深圳市市场监督管理局企业主体身份公示" />工商网监电子标识
    </a>
  </div>

  <!-- 边栏 -->
  <div class="fixednav" id="blk_footer_tool">
    <a class="fixedlink myorder" title="我的订单" href="/myorder.shtml?busid=cf" target="_blank">
      <i class="comicon navico-order"></i>
      <span>我的<br />订单</span>
    </a>
    <a class="fixedlink myaddress" title="我的地址" href="/address.shtml" target="_blank">
      <i class="comicon navico-address"></i>
      <span>我的<br />地址</span>
    </a>
    <a class="fixedlink mycart" title="我的购物车" href="./cart.html" target="_blank">
      <i class="comicon navico-cart"></i>
      <span>购<br />物<br />车</span>
      <i class="comicon navico-cartnum">0</i>
    </a>
    <a id="onlineService1" class="fixedlink myservice" target="_blank" title="咨询">
      <i class="comicon navico-service"></i>
      <span>咨询</span>
    </a>
  </div>
  <!-- top返回顶部 -->
  <div class="topnav">
    <a href="#top"><i class="comicon btn-top"></i> <span>返回<br />顶部</span></a>
  </div>
  <script>
    let topnav = document.querySelector(".topnav");
    window.onscroll = function () {
      if (document.documentElement.scrollTop >= 400) {
        topnav.style.display = "block";
      } else {
        topnav.style.display = "none";
      }
    };
    let cartArr = [];
    let uid = localStorage.getItem("uid");
    async function loadCartList() {
      // 解构 出data属性
      let { data } = await myAxios.get(cartListAPI);
      cartArr = [...data.data];
      console.log(cartArr);
      let num = document.querySelector(".navico-cartnum");
      console.log(num);
      num.innerHTML = cartArr.length;
    }
  </script>
  <script src="../js/productlist.js"></script>
</body>

</html>